<template>
	<view class="center">
		<u-navbar title="我的邀请"></u-navbar>
		<view class="content">
			<view class="iten-time">
				<image :src="imgBaseUrl + '/ache/images/time.png'" class="img"></image>
				<view class="title">2022-05-06 15:36:25</view>
			</view>

			<view class="item-user">
				<view class="item-lift">
					<view class="user-name">
						姓名
						<view class="title">赵甲第</view>
					</view>
				</view>
				<view class="item-right">
					<view class="user-name">
						会员号
						<view class="title">zhanghao10</view>
					</view>
				</view>
			</view>
			<view class="item-user">
				<view class="item-lift">
					<view class="user-name">
						邀请人数
						<view class="people">16</view>
					</view>
				</view>
				<view class="item-right">
					<view class="user-name">
						电话
						<view class="title">15911111111</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
	data() {
		return {};
	},

	computed: {
		...mapGetters(['imgBaseUrl'])
	},
	methods: {}
};
</script>
<style lang="scss">
@import '@/styles/mixin.scss';
.center {
	min-height: 100%;
	background-color: #f5f5f5;
	.content {
		margin: 25rpx;
		padding: 25rpx;
		border-radius: 20px;
		background: #ffffff;
		.iten-time {
			display: flex;
			padding-bottom: 20rpx;
			.img {
				width: 35rpx;
				height: 35rpx;
			}
			.title {
				font-size: 26rpx;
				font-weight: 400;
				color: #888888;
			}
		}
		.item-user {
			padding: 10rpx;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			.item-lift {
				.user-name {
					display: flex;
					font-size: 26rpx;
					font-weight: 400;
					color: #888888;
					.title {
						padding-left: 20rpx;
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}
					.people {
						padding-left: 20rpx;
						font-size: 26rpx;
						font-weight: 400;
						color: #dc1021;
					}
				}
			}
			.item-right {
				.user-name {
					display: flex;
					font-size: 26rpx;
					font-weight: 400;
					color: #888888;
					.title {
						padding-left: 20rpx;
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}
				}
			}
		}
	}
}
</style>
